<template>
    <div class="bread-crumb">
        当前位置：
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item v-for="item in breadCrumbLsit" :key="item.name" :to="{ path: item.path }">{{ item.name
                }}</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>
<script>
export default {
    name: 'BreadCrumb',
    computed: {
        breadCrumbLsit() {
            return this.$route.meta?.breadCrumb || []
        }
    }
}
</script>
<style scoped>
.bread-crumb {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    color: #4B4B4B;
    line-height: 14px;
    user-select: none;
}

::v-deep .el-breadcrumb__inner {
    user-select: none;
}
</style>